<!-- Nav tabs -->


<div class="panel-body">
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active">
            <a href="#home" aria-controls="home" role="tab" data-toggle="tab">配置</a>
        </li>
        <li role="presentation">
            <a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">命令</a>
        </li>
        <li role="presentation">
            <a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">数据</a>
        </li>
        <li role="presentation">
            <a href="#settings" id="tubiao" aria-controls="settings" role="tab" data-toggle="tab">图表</a>
        </li>
    </ul>


    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="home">
            <div style="height: 10px;width: 100%"></div>
            <div class="row">
                <div class="col-xs-6">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <label for="">串口</label>
                            <select name="" id="">
                                <option value="">com1</option>
                                <option value="">com2</option>
                                <option value="">com3</option>
                            </select>
                        </li>
                        <li class="list-group-item">
                            <label for="">波特率</label>
                            <select name="" id="">
                                <option value="">9600</option>
                                <option value="">sdadad</option>
                                <option value="">sdadad</option>
                                <option value="">sdadad</option>
                                <option value="">sdadad</option>
                            </select>
                        </li>
                        <li class="list-group-item">
                            <label for="">波特率</label>
                            <select name="" id="">
                                <option value="">9600</option>
                                <option value="">sdadad</option>
                                <option value="">sdadad</option>
                                <option value="">sdadad</option>
                                <option value="">sdadad</option>
                            </select>
                        </li>
                        <li class="list-group-item">
                            <label for="">波特率</label>
                            <select name="" id="">
                                <option value="">9600</option>
                                <option value="">sdadad</option>
                                <option value="">sdadad</option>
                                <option value="">sdadad</option>
                                <option value="">sdadad</option>
                            </select>
                        </li>
                        <li class="list-group-item">
                            <label for="">波特率</label>
                            <select name="" id="">
                                <option value="">9600</option>
                                <option value="">sdadad</option>
                                <option value="">sdadad</option>
                                <option value="">sdadad</option>
                                <option value="">sdadad</option>
                            </select>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-6">.col-xs-6</div>
            </div>




        </div>
        <div role="tabpanel" class="tab-pane" id="profile">...</div>
        <div role="tabpanel" class="tab-pane" id="messages">
            <div style="height: 10px;"></div>
            <table class="table table-hover">
                <tr class="active">
                    <td class="">序号</td>
                    <td class="">名称</td>
                    <td class="">日期/时间</td>
                    <td class="">操作</td>
                </tr>
                <tr class="">
                    <td class="">1</td>
                    <td class="">dsda</td>
                    <td class="">
                        2018-4-5 19:33:20
                    </td>
                    <td class="">
                        <button class="btn btn-default btn-sm" type="submit">导出</button>

                    </td>
                </tr>
                <tr class="">
                    <td class="">1</td>
                    <td class="">dsda</td>
                    <td class="">
                        2018-4-5 19:33:20
                    </td>
                    <td class="">
                        <button class="btn btn-default btn-sm" type="submit">导出</button>

                    </td>
                </tr>
                <tr class="">
                    <td class="">1</td>
                    <td class="">dsda</td>
                    <td class="">
                        2018-4-5 19:33:20
                    </td>
                    <td class="">
                        <button class="btn btn-default btn-sm" type="submit">导出</button>

                    </td>
                </tr>
                <tr class="">
                    <td class="">1</td>
                    <td class="">dsda</td>
                    <td class="">
                        2018-4-5 19:33:20
                    </td>
                    <td class="">
                        <button class="btn btn-default btn-sm" type="submit">导出</button>

                    </td>
                </tr>

            </table>
        </div>
        <div role="tabpanel" class="tab-pane" id="settings" style="height:400px;">...</div>
    </div>



</div>







<!-- Tab panes -->


<style>
    select {
        font-size: 16px;
        width: 60%;
        margin-left: 20px
    }

    label {
        margin-right: 20px
    }
</style>

<script>

    $('#settings').load('./line-gradient.html');
    $('#tubiao').click(function () {
        $('#settings').load('./line-gradient.html',function(){
            clearInterval(timer2);
            var timer1 = setInterval("aabb()", 1000);
        });
    })





</script>